nav{
    z-index: 10000;
    width: 100%;
    height: 36px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}
nav div ul{
    display: flex;
  
    justify-content: space-between;
    font-size: 12px;
    color: #3c3c3c;
}
nav div ul span{
    margin-left: 20px;

}
nav div ul span:hover{
    color: red;
    text-decoration: underline;
}
header{
    background-color: #fff;
 
    
    
}
header div{
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header div p input{
    width: 300px;
    height: 38px;
    border-radius:50px;
    background-color: #ebebeb;
    border: none;
    
}
header div img{
    width: 100px;
    height: 80px;
}
header div p{
    position: relative;
}
header div p i{
    background-image: linear-gradient(to right,#ff9000 0,#ff5000 100%);
    background-repeat: repeat-x;
    text-align: center;
    width: 81px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    color: #fff;
    background-position: 0 0;
    font-size: 18px;
    font-weight: 700;
    background-color: #ff5000;
    cursor: pointer;
    border: none;
    margin-left: 2px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
header div p span{
    background-repeat: repeat-x;
    text-align: center;
    width: 100px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px 0 0 38px  ;
    color: #000;
    background-position: 0 0;
    font-size: 12px;
    background-color:#f5f5f5;
    cursor: pointer;
    border: none;
    margin-left: 2px;
    display: block;
    position: absolute;
    left: -80px;
   
}
main{
    padding: 15px;
    background-color: #ebebeb;
    width: 100%;
    box-sizing: border-box;
  
}
.box{
    border-radius: 10px;
    background-color: white;
  
    
}
.box .top{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 15px;
    border-bottom: solid 1px #cecece;
}
.top p{
    display: flex;
    align-items: center;
}
.top p span{
   font-size: 14px;
   margin-left: 10px;
   
  
}
.top p span:nth-of-type(2){
    color: red;
    font-size: 22px;
}
.top p span:nth-of-type(3){
    display: inline-block;
    width: 74px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #3c3c3c9d;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    top: -2px;
    font-size: 16px;
}
.Nav{
    display: flex;
    justify-content: space-between;
    height: 100px;
    box-sizing: border-box;
    padding: 15px;
}
.Nav ul{
    width: 50%;
    display: flex;
    align-items: center;
    font-size: 14px;
   
}
.Nav ul:nth-of-type(2){
    justify-content: space-around;
}
.Nav ul:nth-of-type(1) li:nth-of-type(2){
    margin-left: 100px;
}
.minbox{
    width: 100%;
   padding: 15px;
}
.shoppingCartlist{
    width: 100%;
 
    background-color: #ebebeb;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
   
}
.shoppingCartlist div{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #3c3c3c;
    font-size: 14px;
    color: #888888;
}
.shoppingCartlist div p{
    margin-left: 30px;
}
.shoppingCartlist ul{
  height: 100%;
    margin-top: 20px;
    font-size: 12px;
    box-sizing: border-box;
    color:#888888;
}
.shoppingCartlist ul img{
    width: 100px;
    height: 100px;
    
}
.shoppingCartlist ul li{
  display: flex;
    height: 100px;
    margin-bottom: 20px;
}
.shoppingCartlist ul li p{
    margin-left: 10px;
}
.shoppingCartlist ul li p:nth-of-type(1){
    margin-left:30px;

}
.shoppingCartlist ul li p:nth-of-type(3){
    width: 220px;

}
.shoppingCartlist ul li p:nth-of-type(4){
   margin-left: 20px;

}
.shoppingCartlist ul li p:nth-of-type(5){
   margin-left: 140px;

}
.shoppingCartlist ul li p:nth-of-type(6){
   height: 50px;
   width: 80px;
   display: flex;
   margin-left: 90px;
}
.shoppingCartlist ul li p:nth-of-type(6) input{
    width: 20px;
    height: 20px;
    text-align: center;
}
.shoppingCartlist ul li p:nth-of-type(6) input:nth-of-type(2){
    width: 40px;
    height: 20px;
}
.shoppingCartlist ul li p:nth-of-type(7){
  margin-left: 80px;
  color:#fe0137;
}
.shoppingCartlist ul li p:nth-of-type(8){
    display: flex;
    flex-direction: column;
  margin-left: 80px;
 
}